<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>旅动足球</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<link rel="stylesheet" href="https://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
	<link rel="stylesheet" type="text/css" href="./css/reset.css?v=1.1.50">
	<script type='text/javascript' src='https://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>

	<style type="text/css">
		#app {
			position: relative;
			overflow-y: scroll;
			margin-top: 2.2rem;
			height: 100%;
			width: 100%;
			background-color: #fff;
		}
		.navbar {
			background: url('https://worldcup.dmpb.com.cn/front/images/bg.png');
			background-repeat: no-repeat;
			background-size: 100%;
			overflow: hidden;
			padding: 11rem 0.875rem 0;
		}
		.navbar-item {
			float: left;
			width: 25%;
			padding: 0 0 1rem;
			text-align: center;
			font-size: 0.65rem;
			color: black;
		}
		.navbar img,
		.navbar svg {
			display: block;
			margin: 0 auto;
			width: 70%;
			margin-bottom: 0.45rem;
		}
		.tip {
			padding: 0 1rem;
			font-size: 0.7rem;
			margin-bottom: 6rem;
		}
		.data-show-box {
			position: absolute;
			top: 8.5rem;
			text-align: center;
			width: 100%;
		}
		.date-tiem-span {
			font-size: 1.5em;
		}
	</style>
</head>
<body>
	<header class="bar bar-nav" href="./index.html">
		<a class="icon pull-right" href="https://worldcup.dmpb.com.cn/advice/" style="font-size: 0.7rem;">反馈</a>
		<h1 class="title">旅动足球</h1>
	</header>
	<div id="app">
		<div class="navbar">
			<a href="https://worldcup.dmpb.com.cn/front/strategy.html?v=1.0.0" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/11.png">
				攻略集锦
			</a>
			<a href="https://worldcup.dmpb.com.cn/front/travel_list.html" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/9.png">
				球迷约伴
			</a>
			<a href="https://worldcup.dmpb.com.cn/front/product_list.html?v=1.1.50" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/6.png">
				球衣团购
			</a>
			<a href="https://worldcup.dmpb.com.cn/front/wxgroup.html" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/7.png">
				微信群组
			</a>
			<a href="https://worldcup.dmpb.com.cn/advice/?from=2" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/1.png">
				俄罗斯聚会
			</a>
			<a href="https://worldcup.dmpb.com.cn/front/product_list.html?category=4&v=1.1.50" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/3.png">
				观赛礼包
			</a>
			<a href="https://worldcup.dmpb.com.cn/front/product_list.html?category=5&v=1.1.50" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/8.png">
				旅动群服
			</a>
			<a href="https://worldcup.dmpb.com.cn/front/house_list.html?v=1.1.50" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/4.png">
				精品民宿
			</a>
			<!-- <a href="" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/5.png">
				球票
			</a> -->
			<!-- <a href="" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/10.png">
				转票市场
			</a> -->
			<!-- <a href="" class="navbar-item">
				<img src="https://worldcup.dmpb.com.cn/front/images/navbar/4.png">
				敬请期待
			</a> -->
		</div>
		<!-- <div class="tip">
			<p style="font-weight: bold;font-size: 0.8rem;text-align: center;margin-bottom: 0.3rem;">关于旅动足球球衣、观赛礼包的团购须知</p>
			<p>1、本次团购采用预付款方式，提交订单后需支付完成此次下单。</p>
			<p>2、除质量问题外，开团成功后，我们将不提供退款退货服务，请知悉谅解。</p>
			<p>3、若因达不到最低批量团购额或供应商缺货导致开团不成功，您的下单商品将被退款。</p>
			<p style="color: #f44336;">4、应球迷需求，原定4.28截止的群服+礼包团购现延长至5.5(本周六)截止，如果还需要的同学可继续使用小程序预定，给您带来不便请谅解。另外，球衣团购已结束，感谢您的关注。</p>
			<p>5、截止时间延长后，依然按照下单付款时间顺序安排发货，所有订单最晚于5月31日前发出，请您耐心等待。</p>
			<p class="j-click">6、若您有任何疑问、意见或更好的建议，请随时联系我们。感谢大家的支持！</p>
		</div> -->
		

		<div class="data-show-box" id="dateShow1">
			世界杯倒计时：
			<span class="date-tiem-span d">00</span>天
			<span class="date-tiem-span h">00</span>时
			<span class="date-tiem-span m">00</span>分
			<span class="date-tiem-span s">00</span>秒
		</div>

		</div>
</body>
<script src="./libs/lefttime/leftTime.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script type='text/javascript' src='https://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<!-- <script type="text/javascript" src="https://worldcup.dmpb.com.cn/front/js/common.js?v=1.1.50"></script> -->
<script type="text/javascript">
	$(function() {
		/** 初始化jssdk **/
		$.ajax({
			url: 'https://worldcup.dmpb.com.cn/api/jssdk/sign?url=' + location.href.split('#')[0],
			type: 'get',
			success: function (res) {
				wx.config({
					debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
					appId: 'wx3d857b42797b5eb4', // 必填，公众号的唯一标识
					timestamp: res.content.timestamp, // 必填，生成签名的时间戳
					nonceStr: res.content.nonceStr, // 必填，生成签名的随机串
					signature: res.content.signature,// 必填，签名，见附录1
					jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				});
			}
		});

		wx.ready(function () {
			wx.onMenuShareTimeline({
			    title: '旅游足球', // 分享标题
			    link: 'https://worldcup.dmpb.com.cn/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			    imgUrl: 'https://worldcup.dmpb.com.cn/front/images/logo.jpeg' // 分享图标
			});
			wx.onMenuShareAppMessage({
			    title: '旅游足球', // 分享标题
			    link: 'https://worldcup.dmpb.com.cn/index.html', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			    imgUrl: 'https://worldcup.dmpb.com.cn/front/images/logo.jpeg', // 分享图标
			    desc: '球迷约伴 球衣团购 旅动群服 精品民宿 观赛礼包'
			});
		});

		$(document).on('click', '.j-click', function () {
			if (SELFID == 'oJEP8t3lOErHAb1nHabl21PIJkJU') {
				window.location = 'https://worldcup.dmpb.com.cn/front/iframe.html';
			}
		});

		//日期倒计时
		$.leftTime("2018/06/14 23:00:00",function(d){
			if(d.status){
				var $dateShow1=$("#dateShow1");
				$dateShow1.find(".d").html(d.d);
				$dateShow1.find(".h").html(d.h);
				$dateShow1.find(".m").html(d.m);
				$dateShow1.find(".s").html(d.s);
			}
		});
	});
</script>
</html>
